<!--
 * @description  : 案件-运输信息-面单信息-回显关联物品信息
 * @descriptionDetail: 案件-运输信息-面单信息-回显关联物品信息
 * @copyright    : 浙江烟草
 * @author       : dw
 * @create       : 2022-10-11 14:36:53
-->
<template>
  <view>
    <u-row gutter="16">
      <u-col span="12" class="pd-0">
        <view class="sub-title address title">
          {{ client.goodsName || '' }}
        </view>
      </u-col>
      <u-col span="12" class="pd-0">
        <u-row class="sub-title">
          <u-col span="6">
            大类：{{ client.propTypeName || '' }}
          </u-col>
          <u-col span="6">
            环节：{{ client.getNodeName || '' }}
          </u-col>
        </u-row>
      </u-col>
      <u-col span="12" class="pd-0">
        <view class="sub-title address">
          小类：{{ client.propSubtypeName || '' }}
        </view>
      </u-col>
      <u-col span="12" class="pd-0">
        <view class="sub-title address">
          条条形码：{{ client.stripCode || '' }}
        </view>
      </u-col>
    </u-row>
  </view>
</template>
<script>
export default {
  name: "ClientItem",
  props: {
    client: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      tels: [],
    }
  },
  watch: {
    client: {
      immediate: true,
      handler() {
        this.$forceUpdate();
      },
    },
  },
  methods: {
  },
}
</script>
<style lang="scss" scoped>
.title {
  font-size: 15px;
  color: #666;
  font-weight: 600;
  // margin: 5px 10px;
}
.sub-title {
  color: #666;
  margin: 3px 4px;
  line-height: 54rpx;
}
.address{
  padding-left: 12rpx;
}
.pd-0{
  padding: 0;
}
</style>